<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
	</head>

	<body>
		<div id="div1">
			<span>这是我的第一个span</span>

			<div>这是我的第一个div</div>
			<div>这是我的第二个div
				<ul>
					<li>我是第一个li</li>
					<li>我是第二个li
						<span>我是第二个li里面的span</span>
						<span>我是第二个li里面的span</span>
						<span>我是第二个li里面的span</span>
					</li>
					<li>我是第三个li</li>
				</ul>
			</div>
			<div>这是我的第三个div</div>
			<span>这是我的第二个span</span>
			<span>这是我的第三个span</span>

		</div>
	</body>

	<script type="text/javascript">
		// 这种写法，表示找到div下面所有的span，找到所有的后代，不管是儿子还是孙子
		//		$('#div1 span').css('color','red')
		// 表示找到div下面的直接子类，也就是儿子
		$('#div1>span').css('color', 'blue')
	</script>

</html>